*{
	margin: 0;
	padding: 0;
}
a:link {color: none} /* 未访问时的状态 */
a:visited {color: none} /* 已访问过的状态 */
a:hover {color: none} /* 鼠标移动到链接上时的状态 */
a:active {color: none} /* 鼠标按下去时的状态 */

/*这罩层*/
.mask{
	width: 100%;
	height: 100%;
	background: #f1f1f1;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 101;
	opacity: 0.5;
}
.mask:after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #666;
	border-radius: 50%;
	position: absolute;
	left: 46%;
	top:50%;
	-moz-animation:animations 0.5s linear infinite alternate ;
	-webkit-animation:animations 0.5s linear infinite alternate ;
	-o-animation:animations 0.5s linear infinite alternate ;
	-ms-animation:animations 0.5s linear infinite alternate ;
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-ms-transform:scale(2);
}

	@-webkit-keyframes animations{
		0%{-webkit-transform:scale(2);}
		100%{-webkit-transform:scale(1);}
	}
.mask:before{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #666;
	border-radius: 50%;
	position: absolute;
	left: 54%;
	top:50%;
	-moz-animation:animations 0.5s linear infinite alternate ;
	-webkit-animation:animations 0.5s linear infinite alternate ;
	-o-animation:animations 0.5s linear infinite alternate ;
	-ms-animation:animations 0.5s linear infinite alternate ;
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-ms-transform:scale(2);
	-webkit-animation-delay:0.5s;
}
